<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>班级空间</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/jquery-weui.min.css">
<link rel="stylesheet" href="css/weui.min.css">
<!-- <link rel="stylesheet" href="css/swiper.min.css"> -->
<link rel="stylesheet" href="css/index.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery-weui.min.js"></script>
<!-- <script src='js/swiper.4.2.0.js'></script> -->
<script src='js/swiper.min.js'></script>
<script src="js/index.js"></script>   
</head>
<body>
<div id="outwrap" style="width: 100%;height: 100%;position: relative;overflow: hidden;">
    <div class="page-container">
        <div class="weui-tab">
            <div class="weui-navbar page-top">
                <a class="left" href="index.html">
                    <img src="images/g_03.png" width="20px" height="20px">
                </a>
                <span class="t-title">班级空间</span>  
                <a class="right login">
                    <img src="images/me.png" width="20px" height="20px">
                </a>
            </div>
            <div class="weui-tab__bd page-wrap">
                <div class="p-head">
                    <img src="images/wu/tt_02.jpg"  class="bg-img">
                    <div class="img-outer">
                        <div class="p-head-top">
                            <img class="r-img" src="images/wu/t5.png" />
                            <p class="mingyan">好好学习,天天向上!</p>
                            <p class="name">高三(12)班 &nbsp;<a href="index.html"><img src="images/re.png" height="19px" style="margin-top:3px;"></a></p>
                            <p class="liang">今日访问量:<span>20</span> 总浏览量:<span>150000</span></p>                                     
                        </div>
                        <a id="music" class="h-reload">
                            <img src="images/yy.png" alt="" width="20px" height="20px">
                        </a>
                        <a href="classroom_set.html" class="h-set">
                            <img src="images/set.png" alt="" width="22px" height="22px">
                        </a>
                        <div class="p-head-botm">
                             <ul>
                                <li><a dc="jieshao"><i class="bg1"></i>班级介绍</a></li>
                                <li><a href="classroom_ev.html"><i class="bg2"></i>班级大事记</a></li>
                                <li><a dc="tuwen"><i class="bg3"></i>班级图文</a></li>
                             </ul>
                             <div class="selectList">
                                <div class="jieshao">
                                    <a href="classroom_textlist.html">家委会</a>
                                    <a href="classroom_textlist.html">教师团队</a>
                                    <a href="classroom_quanjiafu.html">班级全家福</a>
                                    <a href="classroom_textlist.html">班委会</a>
                                </div>
                                <div class="tuwen">
                                    <a href="classroom_liuyanban.html">动态</a>
                                    <a href="classroom_wzlist.html">文章</a>
                                    <a href="classroom_pic.html">相册</a>
                                </div>
                             </div>
                        </div>
                    </div>
                </div>
                <div class="p-body">
                    <div class="homecss">
                        <h3>热情积极向上的三年级(3)班</h3>
                        <p class="body-time">2018/6/8 08:57</p>
                        <div class="swiper-container">
                            <div class="swiper-wrapper" >
                                <div class="swiper-slide"><img src="images/wu/1.jpg" width="100%"></div>
                                <div class="swiper-slide"><img src="images/wu/1.jpg" width="100%"></div>
                                <div class="swiper-slide"><img src="images/wu/1.jpg" width="100%"></div>
                                <div class="swiper-slide"><img src="images/wu/1.jpg" width="100%"></div>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                        <p class="body-text">热情积极向上的三年级(3)</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
$(".swiper-container").swiper({
    loop : true,                   //循环播放
    speed : 1000,                 
    spaceBetween: 5,
    autoplay : 3000

}); 
</script>

</html>